<template>
  <div id="app" class="clearfix">
    <div id="contentWrap">
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
import MNav from 'components/m-nav/m-nav'
import MHead from 'components/m-head/m-head'
import { addClass, hasClass, removeClass } from 'common/js/dom'
import '../src/assets/font_714084_z8dk7lxfai/iconfont.css'
export default {
  components: {
    MNav,
    MHead
  },
  mounted(){
    console.log('modify:' + this.g_time2date(+ new Date()))
  },
  methods: {
    btnClick () {
      let nav = this.$refs.nav
      nav.toogleSmall()
      this.toogleSmall()
    },
    toogleSmall () {
      let $el = document.getElementById('contentWrap')
      if (hasClass($el, 'mini')) {
        removeClass($el, 'mini')
      } else {
        addClass($el, 'mini')
      }
    }
  }
}
</script>

<style>
#app{
  position: relative;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
}
#contentWrap{
  /* background-color: #f3f3f4; */
  /* position: absolute; */
  /* top: 0; */
  /* left: 220px; */
  /* overflow: auto; */
  /* right: 0; */
  /* bottom: 0; */
}
#contentWrap.mini{
  /* left:70px; */
}
</style>
